<template>
	<div class="container-wrapper">
		<el-row>      
			<el-col :xs="24" :sm="24" :lg="24">
				<datepickersummary></datepickersummary>
			</el-col>  
		</el-row>
		<el-row>
				<el-col :xs="24" :sm="24" :lg="24" class="primary">版本构建</el-col>
		</el-row>
		<el-row>
				<el-col :xs="24" :sm="24" :lg="24" class="border"></el-col>
		</el-row>
		<deptbuild :params="filters" v-if="filters.radio"></deptbuild>
		<projectbuild :params="filters" v-else></projectbuild>
	</div>
</template>

<script>
import ProjectBuild from '@/components/devops/modules/ProjectBuild.vue';
import DeptBuild from '@/components/devops/modules/DeptBuild.vue';
import DatePickerSummary from '../summary/DatePickerSummary.vue';
import { mapState } from 'vuex';
export default {
	name: 'buildinfo',
	data() {
		return {};
	},
	components: {
		datepickersummary: DatePickerSummary,
		projectbuild: ProjectBuild,
		deptbuild: DeptBuild
	},
	methods: {},
	computed: {
		...mapState({
			filters: state => state.filters
		})
	},
};
</script>

<style lang="scss" scoped>
@import '../../assets/common/common.scss';
.container-wrapper >>> .el-tabs--border-card {
	background: none
}
.container-wrapper{
		padding: 32px;
		background-color: rgb(240, 242, 245);
		position: relative;
}
.border{
		box-sizing: content-box;
		height: 0;
		overflow: visible;
		margin-top: 1rem;
		margin-bottom: 1rem;
		border: 0;
		border-top: 1px solid rgba(0,0,0,.1);
}
.primary{
		color: #409EFF;
		font-size: 30px;
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: 400;
}
.demo-table-expand {
	font-size: 0;
}
.demo-table-expand label {
	width: 160px;
	color: #99a9bf;
}
.demo-table-expand .el-form-item {
	margin-right: 0;
	margin-bottom: 0;
	width: 50%;
}
</style>
